
$(function () {
    
    //头部下拉菜单
    let menuFlag = true;

    $('.nav-title').on('click',function(){
        //alert(1)
        if(menuFlag == true){
            $('.nav-menu').slideDown()
        }else{
            $('.nav-menu').slideUp()
    }
        menuFlag = !menuFlag
    })
    

    // 菜单轮播图
   $('#slider').slidebox({
        boxh: 440,//盒子的高度
        w: 1000,//图片的宽度
        h: 410,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 15,//控制按钮宽度
        controlsH: 15,//控制按钮高度
        radius: 15,//控制按钮圆角度数
        controlsColor: '#f60', //普通控制按钮的颜色
        controlsCurrentColor: 'gold' //当前控制按钮的颜色
   })

    //头部手风琴
    $('.nav-right li').mouseenter(function(){

        //隐藏其他li下面的div
        $('.nav-right li div').hide()

        //显示当前li下面的div
        $('div',this).show()

        //显示其他li下面的h5
        $('.nav-right li h5').show()

        //显示当前li下面的h5
        $('h5',this).hide()
    })

    //新书上架手风琴
    $('.news-right li').mouseenter(function(){

        //隐藏其他li下面的div
        $('.news-right li div').hide()

        //显示当前li下面的div
        $('div',this).show()

        //显示其他li下面的h5
        $('.news-right li h5').show()

        //显示当前li下面的h5
        $('h5',this).hide()
    })

    // 独家提供轮播
    $('.pro-slider').slidebox({
        boxh: 480,//盒子的高度
        w: 1200,//图片的宽度
        h: 450,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6,//控制按钮圆角度数
        controlsColor: '#f60', //普通控制按钮的颜色
        controlsCurrentColor: 'gold' //当前控制按钮的颜色
   })

    //猜你喜欢轮播
    let len = $('.guess-ul .pro-list').length

 
    //复制第一个li(pro-list) ,并追加到ul
    $('.guess-ul .pro-list').eq(0).clone().appendTo('.guess-ul')
  
  
    //获取li的高度
    let height = $('.guess-ul .pro-list').outerHeight()
  
    //定义变量保存box中li到索引值
    let index = 0;
  
    $('.guess .pro-title p').on('click', function (){
      //索引自增
      ++index;
      
      //运动
      $('.guess-ul').animate({top: -index*height}, 300, function (){
        if( index >= len){
          index = 0;
          $('.guess-ul').css('top', 0)//瞬间回到最初位置
        }
  
      })
    })
    
     //固定顶部搜索框
    $(window).on('scroll',function(){

        //获取当前滚动条的距离
        let sTop = parseInt($('html,body').scrollTop());

        if(sTop > 700){
            //显示顶部框
            $('.fix-top').slideDown()
            //将搜索框追加到顶部框内
            $('.head-search').appendTo('.fix-top')
        }else{
            //隐藏顶部框
            $('.fix-top').slideUp()
            //将搜索框追加到头部中
            $('.head-search').appendTo('.search-box')
        }
    }) 
})